<header>
    <div class="container">
        <div class="intro">
            <p class="intro__pre">您好！此网页可浏览二分钟</p>
            <p class="intro__main">我的名字是<span>{{ site.name }}</span>, 一名 {{ site.job }} 一个学习网络与新媒体的大学生，这是我现在所掌握的语言 {{ site.languages }}</p>
            <p class="intro__post">{{ site.location }}</p>
        </div>

        {{ if site.github_username or site.codepen_username or site.twitter_username or site.email_address }}
        <div class="social">
            {{ if site.github_username }}<a href="http://github.com/{{ site.github_username }}" target="_blank">GitHub</a>{{ endif }}
            {{ if site.gitee_username }}<a href="https://gitee.com/{{ site.codepen_username }}" target="_blank">Gitee</a>{{ endif }}
            {{ if site.Weibo_username }}<a href="https://weibo.com/{{ site.twitter_username }}" target="_blank">Weibo</a>{{ endif }}
            {{ if site.email_address }}<a href="mailto:{{ site.email_address }}" target="_blank">Email</a>{{ endif }}
        </div>
        {{ endif }}

    </div>
</header>
